// pages/center/center.js
import request from '../../utils/request';
let nowFinger = 0
Page({
  // 触摸点击的位置事件
  fingerClick(e){
      // 将我们的触摸的位置给传递过去
      this.setData({
        cartoon:''
      })
      nowFinger=e.touches[0].clientY
  },
  // 向下滑的动作触发的回调
  moveing(e){
    // 根据计算出我们当前位置和移动位置的距离
    let fingerMove =  e.touches[0].clientY - nowFinger;
    // 判断是否大于规定的位置和判断小于当前位置的位置
    // 优化 简写入股只有一条代码就省略花括号
    if(fingerMove<0) fingerMove=0
    if(fingerMove>70) fingerMove = 70
    // 都完成之后将我们要移动的位置给我们的那个容器
    this.setData({
      fingerSeat:fingerMove
    })
  },
  FingerAway(){
    this.setData({
      fingerSeat:0,
      cartoon:'transform 0.5s'
    })
  },
  // 跳转登录页
  toLogin(){
    wx.navigateTo({
      url: '/pages/login/login',
    })
  },
  // 获取用户的播放记录
  async playbackRecord(){
    let {userInfo} = this.data
    // 由于我的账号的最近一周的歌有点多，只截取几十条就可以了
    let weekData = [];// 用来接收我们的数据
    const result = await request({url:'/user/record',data:{uid:userInfo.userId,type:1}})
    if(result.code ===200){
      // 遍历返回数据，值遍历三十次
      for (let index = 0; index <30; index++) {
        // 根据index的数量来一个个的push到数组中
        weekData.push(result.weekData[index])
      }
      // 遍历结束将获取到数据赋值给渲染的数据
      this.setData({
        recentList:weekData,
      })
    }

  },
  /**
   * 页面的初始数据
   */
  data: {
    fingerSeat:0,// 用来移动的位置
    cartoon:'',// 用来控制我们的动画效果，因为移动的时候是没有动画的，只有离开才有
    userInfo:[],// 获取用户信息
    recentList:[],// 用户播放记录
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    // 页面一旦加载就从我们的本地存储中获取用户信息
    const userInfo = wx.getStorageSync('userInfo')
    // 先判断是否登录了
    if(userInfo){ // 如果已经登录了，那么我们的userInfo一定有数据，根据这个值进行判断
      this.setData({
        userInfo:JSON.parse(userInfo)
      })
      // 如果我们的已经拿到了用户信息，可以在这里进行发送请求获取播放记录
      this.playbackRecord()
    }
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})